<!-- <template>
  <div class="row" style="justify-content: space-between">
    <text style="font-size: 12">{{ reason }}</text>
    <van-radio-group v-model="checked" >
      <van-radio
        :value="id"
        :checked="isSelected"
        style="transform: scale(0.7)"
      ></van-radio>
    </van-radio-group>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
// reason: string
//id:string
// isSelected:bool
//onSelect: function (id){}
const props = defineProps(['reason', 'id', 'isSelected', 'onSelect']);
function change(e) {
  console.log('dawdawd', e.detail.value);
  props.onSelect(e.detail.value);
}
</script>

<style scoped lang="scss">
@import url('@/views/activityPages/style/card.css');
</style> -->
